<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Vue监测数据改变的原理_对象</title>
    <script src="../js/vue.js"></script>
  </head>

  <body>
    <div id="root">
      <h1>学校名称：{{name}}</h1>
      <h1>学校地址：{{address}}</h1>
    </div>
  </body>
  <script>
    Vue.config.productionTip = false;

    const vm = new Vue({
      el: "#root",
      data: {
        name: "南京财经大学",
        address: "文苑路3号",
        student: {
          name: "jerry",
          age: {
            rAge: 40,
            sAge: 29,
          },
          friends: [
            { name: "tom", age: 35 },
            { name: "jennie", age: 27 },
          ],
        },
      },
    });
  </script>
</html>
